﻿/*初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, th, td {margin:0;padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;}
ul, li {list-style-type:none;}
table { 
border-collapse:collapse; 
border-spacing:0; 
}
.wrap-content table{margin-left: auto; margin-right: auto; }
img{border:none;}
input,textarea,select {font-family:inherit;font-weight:inherit;vertical-align:middle;outline:none;font:14px '微软雅黑', Arial,Helvetica,sans-serif;}
input,select{vertical-align:middle;height:28px;line-height:28px;} 
/*公用样式*/
a{color:#434343;text-decoration:none;cursor:pointer;outline:none;}
a:hover{color:#fd7c2a;text-decoration:none;}
.clear,.clear-all,.clearbox{clear:both;}
.clear-all{height:0px;line-height:0px;font-size:0px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.ml10{margin-left:10px;}
.pd10{padding:10px;}
.text-space{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html{width:100%;}
body{width:100%;color:#333;font:12px '微软雅黑', Arial,Helvetica,sans-serif;background:#58aee1 url(../images/c-body-bg.jpg) no-repeat center 0;background-size:100% auto;}
/*公用容器*/
.wrap{width:1200px;margin:0 auto;}
.main-box{min-height:670px;padding:10px;background-color:rgb(255,255,255);}
.con-main{min-height:610px;margin:10px;background-color:rgba(255,255,255,0.8);}
/*位置*/
.location{font-size:14px;color:#7c7c7c;}
.location a{font-size:14px;color:#7c7c7c;}
.location a:hover{color:#3a3937;}


/*头部*/
.header{position:relative;width:100%;}
.header .wather{position:absolute;width:360px;height:60px;line-height:30px;color:#fff;left:350px;top:57px;}
.header .top{height:36px;line-height:36px;text-align:right;color:#fff;}
.header .top a{color:#fff;padding-right:5px;font-size:12px;}
.header .top a:hover{color:#fd7c2a;}
.header .logo{width:339px;height:84px;}
.header .logo a{display:block;height:84px;background:url(../images/logo4.png) no-repeat 0 0;_background:url(../images/logo4.png) no-repeat 0 0;}
.header .out-link{width:350px;height:36px;line-height:36px;padding-top:40px;padding-left:10px;color:#fff;}
.header .out-link a{color:#fff;padding-right:5px;font-size:12px;}
.header .out-link a:hover{color:#fd7c2a;}

.search-box{width:380px;padding-top:30px;}
.search-box input{height:30px;outline:none;border:none;vertical-align:middle;background:#fff;border-radius:5px;}
.search-box .search-keys{width:280px;padding:5px 10px;line-height:30px;}
.search-box .search-btn{width:70px;padding:0px 0px;height:40px;margin:0;margin-left:10px;cursor:pointer;color:#252324;font-size:14px;}
/*导航*/
.web-nav{margin-top:30px;height:52px;padding-left:5px;background:#066fb2;border-top:3px solid #1fbaec;}
.nav-list{display:inline-block;width:100%;}
.nav-list li{float:left;border-left:1px solid #1f89cd;width: 198px;}
.nav-list li.li-1{border-left:none;}
.nav-list li a{display:block;text-align:center;/*padding:0 24px 0 65px;*/height:52px;line-height:52px;font-size:20px;color:#fff;background:url(../images/navlmbg.png) no-repeat 15px 0;}
.nav-list li i{display:inline-block;vertical-align:middle;height:50px;}
.nav-list li a:hover,.nav-list li.on a{background-color:#1fbaec;}
.nav-list li.li-2 a{background-position:18px -50px;}
.nav-list li.li-3 a{background-position:18px -100px;}
.nav-list li.li-4 a{background-position:18px -150px;}
.nav-list li.li-5 a{background-position:18px -200px;}
.nav-list li.li-6 a{background-position:18px -250px;}
.nav-list li.li-7 a{background-position:18px -300px;}

/*底部*/
.footer{width:100%;min-width:1200px;_height:100px;min-height:100px;padding:20px 0;}
.footer-box{width:1050px;margin:0 auto;}
.footer-box .pic{float:left;padding-left:20px;_height:80px;min-height:80px;vertical-align:middle;}
.footer-box .pic a{display:inline-block;padding-top:0px;vertical-align:middle;}
.footer-box .pic img{vertical-align:middle;}
.footer-box .pic .qrcode{padding-top:0px; margin-right: 6px;}
.footer-box .pic .qrcode img{width:80px;height:auto;}
.footer-tools{float:left;font-size:12px;height:25px;line-height:25px;color:#fff;}
.footer .tools{margin-left:-5px;}
.footer-tools a{font-size:14px;color:#fff;padding:0 5px;}
.footer-tools a:hover{color:#fd7c2a;}
.footer p{line-height:25px;font-size:12px;color:#fff;}


/*公用列表*/
.comm-list li{height:26px;line-height:26px;padding-left:15px;background:url(../images/list-icon.png) no-repeat 3px center;}
.comm-list li a{display:inline-block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comm-list li .time{float:right;color:#7e7e7e;}
.comm-list li .date{float:right;color:#787677;}

.comm-list2 li{height:30px;line-height:30px;padding-left:15px;background:url(../images/list-icon.png) no-repeat 3px center;}
.comm-list2 li a{display:inline-block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comm-list2 li .time{float:right;color:#7e7e7e;}
.comm-list2 li .date{float:right;color:#787677;}

.comm-list3 li{height:30px;line-height:30px;padding-left:15px;background:url(../images/icon01.png) no-repeat 3px center;}
.comm-list3 li a{display:inline-block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comm-list3 li .time{float:right;color:#7e7e7e;}
.comm-list3 li .date{float:right;color:#787677;}

.tag-box{}
.tag-box .hd{height:28px;}
.tag-box .hd a{display:inline-block;padding:0 9px;/*margin-right:5px;*/height:28px;line-height:28px;}
.tag-box .hd a.on,.tag-box .hd a:hover{background:#1c649e;color:#fff;border-radius:19px;}
.tag-box .bd{padding-top:10px;}

.mode{}
.mode .hd{height:35px;line-height:35px;padding-right:10px;border-bottom:1px solid #dbdee1}
.mode .hd h3{display:inline-block;padding:0 20px;float:left;}
.mode .hd h3 a{color:#000;font-size:16px;font-weight:normal;}
.mode .hd h3.on{background:#4c7cbf;}
.mode .hd h3.on a:hover,.mode .hd h3.on a{color:#fff;}
.mode .bd{padding:5px;}
.mode .b-bd{padding:5px;border:1px solid #dbdee1;border-top:none;}

.mode .bd{padding-top:10px;}

/*分页*/
.page-box{height:30px;padding:30px 0 0 0;text-align:center;}
.page-box a{display:inline-block;height:27px;line-height:27px;padding:0 10px;border:1px solid #e4e4e4;background:#f8f8f8;}
.page-box b.current{display:inline-block;height:29px;padding:0 10px;line-height:29px;background:#1e61a5;color:#fff;}

/*------右侧悬停图标-------*/
.rightMenu{ width:47px; background:url(../images/right-menubg.png) repeat; position:fixed; right:0; top:150px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-left:600px;left: 51%; }
.rightMenu ul{ overflow:hidden;zoom:1;}
.rightMenu ul li{ width:47px; height:47px; background:url(../images/right-icon.png) no-repeat 0 0; margin:10px 0;}
.rightMenu ul li a{ display:block; width:47px; height:47px; line-height:0; font-size:0; text-indent:-99;}
li.rm-wx { background-position:0 0;}
li.rm-wb { background-position:0 -47px !important;}
li.rm-xj { background-position:0 -94px !important;}
li.rm-jqr { background-position:0 -141px !important;}
li.rm-sjb { background-position:0 -188px !important;}

/*--表格样式添加--*/
.doc-hd-gk{padding-top:20px;}
.doc-hd-gk table{width:100%;border-collapse:collapse;}
.doc-hd-gk table td{padding:10px;border:1px solid #eedcc8;background:#fff8ef;}
.doc-hd-gk table td.tip-name{width:100px;font-weight:bold;}

.gkDetaTime{ width:100%; height:40px;line-height:40px; text-align:right; color:#666; font-size:15px; border-bottom:1px solid #e0e0e0;padding-bottom:10px;margin:15px 0;}
.gkDetaTime span{ margin-right:10px;}

/*---建议提案表格---*/
.detailTable {
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
    font-size:14px;  
}
.detailTable{margin-top:18px;}
.detailTable, .detailTable tr, .detailTable tr td {
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
}
.detailTable thead th {
    font-size: 16px;
    text-align: center;
    font-weight:bold;
    color:#3269B8;
    background:#F8FBFF;
}
.detailTable tbody td,
.detailTable thead th  {
    padding: 10px 15px;
}
.detailTable tbody td.tdName {
    background: #F8FBFF;
    text-align: center;
    width: 10%;
    font-size: 14px;
}
.detailTable .trName td:nth-child(2), .detailTable .trUnit td:nth-child(2) {
    width: 160px
}
.detailTable .trName td:nth-child(3), .detailTable .trUnit td:nth-child(3) {
    width: 160px
}

/*--办事服务修改--0216---*/
.fuwBoxOne,.hy-bsleib{ width:100%; overflow: hidden;}
.fuwBoxOne{padding-top:20px;}
.hy-bsleib li{ float: left; width:294px; border-right:1px dashed #ddd; border-bottom:1px dashed #ddd;padding:15px 0; font-size: 14px;}
.hy-bsleib li i,.hy-bsleib li span{ display: block; margin: 0 auto;}
.hy-bsleib li i{ width:70px; height:70px; margin: 0 auto; margin-bottom:10px; background: url(../images/bsicon-new.png) no-repeat 0 0;}
.hy-bsleib li span{ line-height: 36px; text-align: center;}

li.hybs1 i{ background-position: 0 0;}
li.hybs2 i{ background-position: 0 -70px;}
li.hybs3 i{ background-position: 0 -140px;}
li.hybs4 i{ background-position: 0 -210px;}
li.hybs5 i{ background-position: 0 -280px;}
li.hybs6 i{ background-position: 0 -350px;}
li.hybs7 i{ background-position: 0 -420px;}
li.hybs8 i{ background-position: 0 -490px;}
li.hybs5,li.hybs6,li.hybs7,li.hybs8{ border-bottom: none;}

li.hybs4,li.hybs8{ border-right:none;}
.hy-bsleib li:hover i{-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition: -moz-transform 0.7s ease-out;transition: transform 0.7s ease-out;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);}
.wsbsdt {width:100%;height:105px;margin-top:15px;}
.bsnewlist{ width:100%;margin-top:18px;}
.bsnewBox,.bsnewBoxTow{ width:583px; }
.bsnewBox .online-mode2 .comm-list2 li{ float: left; width:47%; line-height: 35px; height: 35px;}
.bsnewBox .online-mode2 .h240{ height: 140px !important;}
.bsnewBoxTow .query{margin-top:0 !important;}
.bsnewBoxTow .query .bd{height: 140px;}

/*---友情链接---*/
.friendlink{ height:42px;margin:15px auto 0 auto; }
.friendlink span.tit{ width: 140px; display: block; float: left; color: #0e72c6; height: 42px; line-height: 42px; text-align: center; font-size: 16px;}

.friendlink ul{ overflow:inherit; display: block; width:87%;float: left;margin-left:5px;}
.friendlink li{ width:192px;background:url(../images/foor-arrow.png) no-repeat 336px 16px; float:left; line-height:40px; text-indent:22px; font-size:13px; position:relative; border:1px solid #e4e6e8;margin:0 7px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.friendlink li a{ color:#444;}
.friendlink li.last{ background:url(../images/foor-arrow.png) no-repeat 170px 16px !important;}

.friendlink li ul {display:none;height:240px; overflow-y:auto; background:#fff;}
.friendlink li ul li{ text-indent:12px !important; margin:0!important; width: 170px; border:none; margin: 0 !important; }
.friendlink li:hover a { display:block;width:100%; }
.friendlink li:hover ul {display:block; position:absolute; width:100%; bottom:30px; left:0px; z-index:9999; }
.friendlink li:hover ul li { width: 170px !important;padding:0px 5px;line-height:38px !important; background:none !important; border:none !important;text-indent:30px;}
.friendlink li:hover ul li a { display:block; width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.friendlink li:hover ul li:hover a {background:#f0efef; color:#444;}

@media (min-width:768px){body{background-size: cover;}}

    
